@CHARSET "UTF-8";

/****************************
*********** GENERAL
***************************/
body{
  text-align: center;
  font-size: 0.9em;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  margin: 0;
}
h1, h2, h3{
  margin: 0;
  padding: 0;
}

#wrapper{
  margin: 0 auto;
  text-align: left;
  width: 100%;
  /*background-color: #e5e5e5;*/
}

* a:link, * a:visited{
  color: blue;
  text-decoration: none;
}

* a:hover{
  text-decoration: underline;
}




img{
  border: 0px;
}

table#seleccionarColourPicker tr td{
	 width: 20px;
	 height: 20px;
}

/*******************************
************ CABECERA ***********
****************************/
#cabecera{
  background-color:#a52a2a;
  color: white;
}


/*******************************
************ MENU PRINCIPAL ***********
****************************/
#menu{
  height: 25px;
  background-color: #f3f3f3;
  color: gray;
  font-weight: bold;
}
ul.menu{
  
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.menu li{
  display: inline;
  float: left;
}

ul.menu li a:link, ul.menu li a:visited{
  display: block;
  padding: .3em .3em 0 .3em;
  text-decoration: none;
  color: black;
}
ul.menu li a:hover{
  color: gray;
}


/*******************************
************ MENU SECUNDARIO ***********
****************************/
#menu_sec{
  height: 25px;
  background-color: black;
  color:white;
  font-weight: bold;
}
ul.menu_sec{
  width: 600px;
  list-style: none;
  margin: auto;
  padding: 0;
}

ul.menu_sec li{
  display: inline;
  float: left;
}

ul.menu_sec li a:link, ul.menu_sec li a:visited{
  display: block;
  padding: 0 5px;;
  text-decoration: none;
  color:white;
}

ul.menu_sec li a:hover{
  color:yellow;
}

/**********************************
*********** Lista de Productos
**********************************/

table.lista{
  /*
background: #7eb3e6;
*/
  border: 2px solid black;
  border-collapse:collapse;
  font-size: 0.8em;
  width: 1020px;
  color: #444;
}
table.lista tbody tr{
  border-top: 1px solid #aaa;
}

table.lista thead tr, table.lista tfoot tr{
  background-color:#E7EEF6;
  
}

table.lista thead tr th{
  text-align: center;
}

table.lista * tr * a:link, table.lista * tr * a:visited{
  text-decoration: none;
  color: blue;
}


table.lista * tr * a:hover{
  text-decoration: underline;;

}

table.lista#categorias, table.lista#suscripciones{
  width: 250px;
}

table.lista#descuento{
  width: 600px;
}

/********************************
********** TABLAS DE LOS TOPs
********************************/
table.table-top{
  font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
  border-collapse: collapse;
  
  font-size: 14px;
  margin: 10px;
  display: inline;
  text-align: center;
}
table.table-top  td, table.table-top th{
  padding: 7px 8px;
}
table.table-top thead {
  border-bottom: 2px solid #669;
  color: #039;
}

table.table-top tbody tr{
  border-bottom: 1px solid #669;
  color: #669;
}
table.table-top tbody tr:hover{
  color: #009
}


.grafico{
  display: inline;
}

/******************
************ PANEL*****
*******************/
.panel{
  text-align:center;
}
.table-datos{
  margin: 0 auto;
  border-collapse:collapse;
}
.table-datos thead tr th{
  border-left: 20px solid white;
  border-right: 20px solid white;
  border-bottom: 2px solid #6678B1;
  color: #003399;
  font-weight:normal;
  padding: 8px 2px;
}

.table-datos td{
  border-left: 20px solid white;
  border-right: 20px solid white;
  padding: 8px 2px;
  color: #666699;
}
.table-datos tbody tr:hover td{
  color: #448;
}

caption{
  font-size: 15px;
  font-weight: bold;
  color:#bf2828;
}

.tops{
  padding: 20px;
  border-top: 3px  groove #aaa;
  
}
